<template>
  <van-nav-bar
    :title="title"
    :left-text="leftText"
    :right-text="rightText"
    :left-arrow="showArrow"
    @click-left="onClickLeft"
    @click-right="onClickRight"
  >
    <!-- 右侧插槽 -->
    <template #right>
      <slot name="right"></slot>
    </template>
    <!-- 左侧插槽 -->
    <template #left>
      <slot name="left"></slot>
    </template>
  </van-nav-bar>
</template>

<script>
export default {
  name: 'CompanyNavBar',
  data () {
    return {}
  },
  props: {
    // 标题
    title: {
      type: String,
      default: ''
    },
    // 右侧文本
    rightText: {
      type: String,
      default: ''
    },
    // 左侧文本
    leftText: {
      type: String,
      default: ''
    },
    // 是否显示箭头
    showArrow: {
      type: Boolean,
      default: false
    }
  },
  created () {},
  methods: {
    // 左侧按钮点击事件
    onClickLeft () {
      this.$emit('leftClick')
    },
    // 右侧按钮点击事件

    onClickRight () {
      this.$emit('rightClick')
    }
  }
}
</script>

<style></style>
